<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>战报排行--改版</title>
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/style.css" />
</head>
<body>
<!--header start-->
<header class="ranking_list">
    <div class="top_bar">
        <div class="left_top_bar fl">
            <div class="welcome fl">城市矿山首页，欢迎来到城市矿山</div>
            <div class="login fl"><a href="#">请登录</a></div>
            <div class="register fl"><a href="#">免费注册</a> </div>
            <div class="clearfix"></div>
        </div>
        <div class="right_top_bar fr">
            <div class="nav_top_bar fl">
                <ul>
                    <li class="fl"><a href="#">我的城市矿山</a></li>
                    <li class="fl"><a href="#">个人中心</a></li>
                    <li class="fl"><a href="#">帮助中心</a></li>
                    <li class="fl"><a href="#">在线客服</a></li>
                    <div class="clearfix"></div>
                </ul>
            </div>
            <div class="tel_top_bar fl">
                <div class="tel">400-0660-567（8：30-17：30）</div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="clearfix"></div>
    </div>
</header><!--header end-->
<!--banner start-->
<section class="banner_ranking">
    <div class="main_ranking">
        <div class="banner_left_ranking"><img src="images/banner_paihang_left_gaiban.jpg"></div>
        <img src="images/banner_paihang_gaiban.jpg">
        <div class="banner_right_ranking"><img src="images/banner_paihang_right_gaiban.jpg"></div>
        <div class="btn-fqqg-gaiban">
            <a href="#">发起求购</a>
        </div>
    </div>
</section><!--banner end-->
<div class="changxiaobang">
    <div class="main_changxiaobang">
        <div class="box_main_changxiaobang fl">
            <i class="ico1"></i>
            <span class="ton"></span>
            <p>求购量/吨</p>
        </div>
        <div class="box_main_changxiaobang fl">
            <i class="ico2"></i>
            <span class="amount"></span>
            <p>报价量/户</p>
        </div>
        <div class="box_main_changxiaobang fl">
            <i class="ico3"></i>
            <span class="single"></span>
            <p>订单量/单</p>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<section class="main_page">
    <div class="main_list_gaiban">
        <div class="title_main_list">今日实时行情</div>
        <div class="content_shishihangqing_gaiban">
            <div class="box_shishihangqing_gaiban fl">
                <div class="title_box_shishihangqing"><i class="ico1"></i>废钢铁</div>
                <table class="table_shishiqinghang">
                    <thead>
                    <tr>
                        <th style="width: 25%">分类</th>
                        <th style="width: 25%">区域</th>
                        <th style="width: 25%">价格</th>
                        <th style="width: 25%">公司</th>
                    </tr>
                    </thead>
                    <tbody class="steel_1">
                        <!--<tr>
                            <td>1.0*1219</td>
                            <td>--</td>
                            <td>--</td>
                            <td>--</td>
                        </tr>
                        <tr>
                            <td>1.0*1219</td>
                            <td>--</td>
                            <td>--</td>
                            <td>--</td>
                        </tr>
                        <tr>
                            <td>1.0*1219</td>
                            <td>--</td>
                            <td>--</td>
                            <td>--</td>
                        </tr>
                        <tr>
                            <td>1.0*1219</td>
                            <td>--</td>
                            <td>--</td>
                            <td>--</td>
                        </tr>-->
                    </tbody>
                </table>
            </div>

            <div class="box_shishihangqing_gaiban fl">
                <div class="title_box_shishihangqing"><i class="ico2"></i>废纸</div>
                <table class="table_shishiqinghang">
                    <thead>
                    <tr>
                        <th style="width: 25%">分类</th>
                        <th style="width: 25%">区域</th>
                        <th style="width: 25%">价格</th>
                        <th style="width: 25%">公司</th>
                    </tr>
                    </thead>
                    <tbody class="steel_2">
                    <!--<tr>
                        <td>1.0*1219</td>
                        <td>--</td>
                        <td>--</td>
                        <td>--</td>
                    </tr>
                    <tr>
                        <td>1.0*1219</td>
                        <td>--</td>
                        <td>--</td>
                        <td>--</td>
                    </tr>
                    <tr>
                        <td>1.0*1219</td>
                        <td>--</td>
                        <td>--</td>
                        <td>--</td>
                    </tr>
                    <tr>
                        <td>1.0*1219</td>
                        <td>--</td>
                        <td>--</td>
                        <td>--</td>
                    </tr>-->
                    </tbody>
                </table>
            </div>

            <div class="box_shishihangqing_gaiban fl">
                <div class="title_box_shishihangqing"><i class="ico3"></i>废家电</div>
                <table class="table_shishiqinghang">
                    <thead>
                    <tr>
                        <th style="width: 25%">分类</th>
                        <th style="width: 25%">区域</th>
                        <th style="width: 25%">价格</th>
                        <th style="width: 25%">公司</th>
                    </tr>
                    </thead>
                    <tbody class="steel_3">
                    
                    </tbody>
                </table>
            </div>
        </div>
        <div class="title_main_list">生产企业排行</div>
        <div class="content_shengchanqiye">
            <div class="box_shengchanqiye box_shengchanqiye_gaibian fl">
                <table class="table_shengchanqiye">
                    <thead>
                    <tr>
                        <th style="width: 24.4%; text-align: center">排名</th>
                        <th style="width: 41.6%;">公司名称</th>
                        <th style="width: 34%">昨日成交量（单）</th>
                    </tr>
                    </thead>
                    <tbody class="Production-ranking">
                    <!--<tr>
                        <td><i></i></td>
                        <td></td>
                        <td></td>
                    </tr>-->
                    <!--<tr>
                        <td><i></i></td>
                        <td>--</td>
                        <td>--</td>
                    </tr>
                    <tr>
                        <td><i></i></td>
                        <td>--</td>
                        <td>--</td>
                    </tr>
                    <tr>
                        <td><span>4</span></td>
                        <td>--</td>
                        <td>--</td>
                    </tr>
                    </tbody>-->
                </table>
            </div>
            <div class="box_shengchanqiye box_shengchanqiye_gaibian fl">
                <table class="table_shengchanqiye">
                    <thead>
                    <tr>
                        <th style="width: 24.4%; text-align: center">排名</th>
                        <th style="width: 41.6%;">公司名称</th>
                        <th style="width: 34%">昨日成交量（单）</th>
                    </tr>
                    </thead>
                    <tbody class="Production-ranking1">
                    <!--<tr>
                        <td><i></i></td>
                        <td>--</td>
                        <td>--</td>
                    </tr>
                    <tr>
                        <td><i></i></td>
                        <td>--</td>
                        <td>--</td>
                    </tr>
                    <tr>
                        <td><i></i></td>
                        <td>--</td>
                        <td>--</td>
                    </tr>
                    <tr>
                        <td><span>4</span></td>
                        <td>--</td>
                        <td>--</td>
                    </tr>-->
                    </tbody>
                </table>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
    <div class="bottom_title"><i></i>拾起卖旗下交易平台</div>
</section>

<!--footer start-->
<footer>
    <section class="five_advantage">
        <div class="main_five_advantage">
            <div class="box_five_advantage fl">
                <i class="advantage_1"></i>
                <span>厂商直供</span>
                <div class="clearfix"></div>
            </div>
            <div class="box_five_advantage fl">
                <i class="advantage_2"></i>
                <span>品种规格齐全</span>
                <div class="clearfix"></div>
            </div>
            <div class="box_five_advantage fl">
                <i class="advantage_3"></i>
                <span>仓库加工一体</span>
                <div class="clearfix"></div>
            </div>
            <div class="box_five_advantage fl">
                <i class="advantage_4"></i>
                <span>诚聘英才</span>
                <div class="clearfix"></div>
            </div>
            <div class="box_five_advantage fl">
                <i class="advantage_5"></i>
                <span>帮助中心</span>
                <div class="clearfix"></div>
            </div>
            <div class="clearfix"></div>
        </div>
    </section>
    <section class="nav_footer">
        <div class="main_nav_footer">
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">如何免费找货</a></li>
                    <li><a href="#">资源单搜索</a></li>
                    <li><a href="#">如何免费找车</a></li>
                    <li><a href="#">拾起卖APP/微信</a></li>
                </ul>
            </div>
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">商城采购流程</a></li>
                    <li><a href="#">如何支付</a></li>
                    <li><a href="#">发票查询</a></li>
                    <li><a href="#">售后服务</a></li>
                </ul>
            </div>
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">合作钢厂</a></li>
                    <li><a href="#">商城与资源单区别</a></li>
                    <li><a href="#">卖方资源上传</a></li>
                    <li><a href="#">供应商合作洽谈</a></li>
                    <li><a href="#">合作热线</a></li>
                </ul>
            </div>
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">拾起卖加工简介</a></li>
                    <li><a href="#">委托加工的优势</a></li>
                    <li><a href="#">可委托加工的类型</a></li>
                    <li><a href="#">找材料仓库服务信息</a></li>
                    <li><a href="#">意见与建议</a></li>
                </ul>
            </div>
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">拾起卖简介</a></li>
                    <li><a href="#">拾起卖融资申请流程</a></li>
                    <li><a href="#">如何使用拾起卖融资</a></li>
                    <li><a href="#">如何还款</a></li>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
    </section>
    <section class="other_footer">
        <div class="main_other_footer">
            <div class="nav_main_other_footer">
                <ul>
                    <li class="fl"><a href="#">关于我们</a> </li>
                    <li class="fl"><a href="#">诚聘英才</a> </li>
                    <li class="fl"><a href="#">联系我们</a> </li>
                    <li class="fl"><a href="#">常见问题</a> </li>
                    <div class="clearfix"></div>
                </ul>
            </div>
            <div class="side_footer">城市矿山官方网站  <a href="#">www.citymine.com .cn</a>  备案号 津ICP 17003801-1 </div>
            <div class="certificate_footer">
                2015-2016年度钢材市场优秀示范企业   2016年度国家重点扶持项目  中国再生资源示范企业  2015年中国大宗商品现代流通诚信市场
            </div>
        </div>
    </section>
</footer>
<!--footer end-->

<script type="text/javascript" src="lib/jquery.min.js"></script>
<script src="./js/rankingList_gaiban.js"></script>

</body>
</html>